//
import { getToken, setToken, removeToken } from '@/utils/auth'
import { getUserInfo, login, getUserDetail } from '@/api/user'
import { resetRouter } from '@/router'
import router from '@/router'
const state = {
  token: getToken() || '',
  userInfo: {} // 这里因为{}.userId不会报错 但是null.userId 会报错
}
const mutations = {
  setToken(state, token) {
    state.token = token
    setToken(token)
  },
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }

}
const actions = {
  async login(context, data) {
    const res = await login(data)
    context.commit('setToken', res)
    // console.log(res)
  },
  // 获取用户基本资料
  async getUserInfo({ commit }) {
    const res = await getUserInfo()
    const res2 = await getUserDetail(res.userId)
    // res2.staffPhoto = '123.jpg'
    commit('setUserInfo', { ...res, ...res2 })
  },
  // 退出功能
  async logout({ commit, dispatch }) {
    // 删除token
    commit('removeToken')
    // 删除用户基本信息 不然下次登录获取的数据是上次的数据
    commit('removeUserInfo')
    // 跳转到登录页面
    router.push('/login')
    // 重置路由
    resetRouter()
    // 但是vuex 中路由的信息还在
    // commit('permissions/setRoutes', [], { root: true }) // commit 是全局的方法
    dispatch('permissions/setRoutes', [], { root: true }) // dispatch 是全局的方法
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

